{% extends "base.html"%}
{% block title %}
	闲言碎语
{% endblock %}
{% block banner %}
	<div id='top-sec-nav' style='border-bottom: 2px solid rgba(51, 229, 206, 0.4);'>
		<div class='banner-nav-left' style='background:rgba(51, 229, 206, 0.4);'>
			<a href='/blog/xysy/'>
				<p>闲言碎语</p>
			</a>	
		</div>
		<div class='banner-nav-lable'><p>怀念我们的点点滴滴</p></div>
	</div>
{% endblock %}
{% block container %}
	<div class='blog-view'>
		<div class='blog-left'>
			<div class="content">
				<article>
				{% for show in xysys %}
					<section>
						<span class="point-time" id='color{{show.id}}'></span>
						<time datetime="{{show.timestamp}}">
							<span style='font-family: cursive; font-size: 13px;'>{{show.timestamp}}</span>
						</time>
						<aside>
							<p class="things" style='width: 100px;'>{{show.content}}</p>
						</aside>
					</section>
				{% endfor %}
				</article>
			</div>
		</div>
		<div class='blog-right' style='border-left:2px solid rgba(6, 72, 247, 0.5);'>
			<div style='border-bottom: 1px solid rgba(81, 204, 49, 0.5);'><p class='fenlei-p'>旅行日志</p></div>
			<div class='new-blog'>
				{% for new in travels %}
					<a href='/blog/travel/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
			<div style='border-bottom: 1px solid rgba(200, 108, 212, 0.5);'><p class='fenlei-p'>图片欣赏</p></div>
			<div id='blog-list-right-midd'>
				<ul class="blog-list-right-banner">   
					{% for pic in pics %}
					<li><a href='/blog/pic/{{pic.id}}' target='view_window'><img alt='{{pic.title}}' src="/media/{{pic.first_pic}}" style='width:100%;height:100%;'></a></li> 
					{% endfor%}
				 </ul> 
			</div>
			<div style='border-bottom: 1px solid rgba(19, 196, 216, 0.5);'><p class='fenlei-p'>文章推荐</p></div>
			<div class='new-blog'>
				{% for new in newblogs %}
					<a href='/blog/article/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
		</div>
	</div>
{% endblock %}